nav li a {
  font-size: 18px;
  position: relative;
  padding: 15px 20px;
}

nav li a:after {
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 50%;
  position: absolute;
  background: #fff;
  -webkit-transition: width 0.3s ease 0s, left 0.3s ease 0s;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
}

nav li a:hover:after {
  width: 50%;
  left: 23%;
}

nav .navbar-brand {
  font-size: 25px;
}

nav #dropdown-menu {
  color: #fff;
  font-size: 25px;
}

nav .navbar-toggler:focus, nav .navbar-toggler:active, nav i:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

nav .navbar-nav {
  border-radius: 8px;
}

nav.custom-nav {
  background: #006964;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  height: 70px;
}

nav.custom-nav a {
  font-size: 20px;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

nav.custom-nav i {
  color: #fff;
}

nav.custom-nav .navbar-brand {
  font-size: 30px;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

#home {
  background-color: #238376;
  color: #fff;
}

#home .content-home {
  margin-top: 100px;
}

#home #mainButton {
  background-color: #0a5f54;
  color: #fff;
}

#home #mainButton:hover i {
  -webkit-transform: translatey(2px);
          transform: translatey(2px);
}

#home #buttonHotline {
  border: 2px solid #0a5f54;
  color: #fff;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}

#home #buttonHotline:focus, #home #buttonHotline:active, #home #buttonHotline i:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

#home #buttonHotline:hover {
  background-color: #0a5f54;
}

#home #buttonHotline:hover i {
  -webkit-animation: rotatePhone 1s infinite;
          animation: rotatePhone 1s infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
}

#about {
  background-color: #f3f3f3;
}

#about .card {
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border: none;
  border-radius: 10px;
  -webkit-box-shadow: 0 5px 5px 0px rgba(0, 0, 0, 0.3);
          box-shadow: 0 5px 5px 0px rgba(0, 0, 0, 0.3);
}

#about .card:hover {
  -webkit-animation: lift 500ms forwards;
          animation: lift 500ms forwards;
}

#about h2 {
  margin-top: 0px;
}

#cases {
  background-color: #f8f8f8;
}

#cases #dataIndonesia #area .card, #cases #dataGlobal #area .card {
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border: none;
  border-radius: 10px;
  -webkit-box-shadow: 0 5px 5px 0px rgba(0, 0, 0, 0.3);
          box-shadow: 0 5px 5px 0px rgba(0, 0, 0, 0.3);
}

#cases #dataIndonesia #area .card:hover, #cases #dataGlobal #area .card:hover {
  -webkit-animation: lift 500ms forwards;
          animation: lift 500ms forwards;
}

#cases #dataIndonesia #area .card .card-body, #cases #dataGlobal #area .card .card-body {
  background-color: #238376;
  border-radius: 10px;
}

#cases #dataIndonesia .card .card-body, #cases #dataGlobal .card .card-body {
  background-color: #238376;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

#cases #dataIndonesia .card .card-body:hover, #cases #dataGlobal .card .card-body:hover {
  background: #2a9e8f;
  -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
}

#cases #dataIndonesia .card .icon, #cases #dataGlobal .card .icon {
  position: absolute;
  top: -30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 28px;
  padding: 3px 10px 3px 10px;
  color: #fff;
  border-radius: 35px;
}

#cases #dataIndonesia .card .cases-plus, #cases #dataGlobal .card .cases-plus {
  background-color: #f7a800;
}

#cases #dataIndonesia .card .recovered-plus, #cases #dataGlobal .card .recovered-plus {
  background-color: #00cc88;
}

#cases #dataIndonesia .card .deaths-plus, #cases #dataGlobal .card .deaths-plus {
  background-color: #e91c01;
}

#cases #dataIndonesia .card .under-treatment-plus, #cases #dataGlobal .card .under-treatment-plus {
  background-color: #01a0e9;
}

#cases #dataIndonesia .card .count-plus, #cases #dataGlobal .card .count-plus {
  color: #020202;
}

#cases #dataIndonesia #inputCountry:focus, #cases #dataIndonesia #inputCountry:active, #cases #dataGlobal #inputCountry:focus, #cases #dataGlobal #inputCountry:active {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 2px solid #0a5f54;
}

#cases #dataIndonesia #btnInputCountry, #cases #dataGlobal #btnInputCountry {
  background-color: #0a5f54;
  color: #fff;
}

#cases #dataIndonesia #btnInputCountry:focus, #cases #dataIndonesia #btnInputCountry:active, #cases #dataIndonesia #btnInputCountry i:focus, #cases #dataGlobal #btnInputCountry:focus, #cases #dataGlobal #btnInputCountry:active, #cases #dataGlobal #btnInputCountry i:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

#cases #continentsData .card {
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border: none;
  border-radius: 10px;
  -webkit-box-shadow: 0 5px 5px 0px rgba(0, 0, 0, 0.3);
          box-shadow: 0 5px 5px 0px rgba(0, 0, 0, 0.3);
}

#cases #continentsData .card:hover {
  -webkit-animation: lift 500ms forwards;
          animation: lift 500ms forwards;
}

#cases #continentsData .card .card-body {
  background-color: #238376;
  border-radius: 10px;
}

#cases .table-responsive {
  overflow-y: auto;
  height: 370px;
  -webkit-box-shadow: 0px 1px 5px 2px rgba(0, 0, 0, 0.3);
          box-shadow: 0px 1px 5px 2px rgba(0, 0, 0, 0.3);
}

#cases .table-responsive thead th {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background-color: #f3f3f3;
  color: #020202;
}

#cases .table-responsive tbody .cases-plus {
  color: #f7a800;
}

#cases .table-responsive tbody .recovered-plus {
  color: #00cc88;
}

#cases .table-responsive tbody .deaths-plus {
  color: #e91c01;
}

#cases .table-responsive tbody tr:hover {
  background-color: #2a9e8f;
  color: #fff;
}

#cases #buttonGlobal:hover i {
  -webkit-transform: translatex(10px);
          transform: translatex(10px);
}

#cases #buttonIndonesia:hover i {
  -webkit-transform: translatex(-10px);
          transform: translatex(-10px);
}

#cases #buttonGlobal button, #cases #buttonIndonesia button, #cases #btnInputCountry button {
  background-color: #0a5f54;
  color: #fff;
}

#cases #buttonGlobal button:focus, #cases #buttonGlobal button:active, #cases #buttonGlobal button i:focus, #cases #buttonIndonesia button:focus, #cases #buttonIndonesia button:active, #cases #buttonIndonesia button i:focus, #cases #btnInputCountry button:focus, #cases #btnInputCountry button:active, #cases #btnInputCountry button i:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

#faq {
  background: #f3f3f3;
}

#faq .accordion button:focus, #faq .accordion button:active, #faq .accordion i:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

#faq .accordion i {
  color: #006952;
}

#faq .accordion .card-body {
  background-color: #238376;
  color: #fff;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Poppins', sans-serif;
  position: relative;
}

::-moz-selection {
  color: #fff;
  background-color: #3fcfbc;
}

::selection {
  color: #fff;
  background-color: #3fcfbc;
}

a {
  text-decoration: none;
  color: #fff;
}

a:hover {
  color: #fff;
}

@-webkit-keyframes lift {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
}

@keyframes lift {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
}

@-webkit-keyframes rotatePhone {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(20deg);
            transform: rotate(20deg);
  }
}

@keyframes rotatePhone {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(20deg);
            transform: rotate(20deg);
  }
}

section h2 b {
  color: #006952;
}

footer {
  background: #006964;
}

footer a:hover {
  color: #3fcfbc;
}

@media screen and (max-width: 992px) {
  nav ul {
    background-color: #006964;
    -webkit-box-shadow: 0 2px 0 2px rgba(0, 0, 0, 0.3);
            box-shadow: 0 2px 0 2px rgba(0, 0, 0, 0.3);
    margin-top: 8px;
  }
  nav ul li a {
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  #home .content-home img {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  #home .content-home button {
    width: 100%;
    background-color: #0a5f54;
  }
  #home .content-home h1 {
    margin-top: -10vh;
  }
}
/*# sourceMappingURL=main.css.map */